<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品细节</title>
<link href="css/details.css" rel='stylesheet' type='text/css' />
<link href="css/shopping.css" rel='stylesheet' type='text/css' />
<link rel="start icon" href="images/resize_png_new.png"  >
</head>

<body>
<!------ start header top------->
<div class="top1">
<div class="top-left">
  <p> <a href="">购物五折啦</a></p>
</div>
<div class="top-middle">
  <marquee id="move">
  欢迎下载并夕夕APP,并夕夕随时随地带你购物！
  </marquee>
</div>
<div class="top-right">
  <ul>
    <li> <a href="#">最近浏览</a></li>
    |
    <li> <a href="#">关于我们</a></li>
    | <li> <a href="../static/login_user.html">登录</a></li>
      |
      <li> <a href="register.html">注册</a></li>
  </ul>
</div>
<!------ end header top-------> 
<br />
<br />
<!------start header logo-------> 
<div class="header1">
  <div id="logo"><a title="折扣社" href="index.html"><img src="images/logo.png" alt="折扣店logo" /></a>  </div>
  <div class="search">
    <form action="#" method="post" id="sitesearch">
      <fieldset>
        <input type="text" value="搜索一下" onfocus="this.value=(this.value=='搜索一下)? '' : this.value ;" />
        <input type="image" src="images/search.png" id="search" alt="搜索一下" />
      </fieldset>
    </form>
  </div>
  
  <div class="icon1"> <a href=""><img class="img1" src="images/love.png" title="收藏"/> </a> </div>
  <div class="icon2"><a href=""> <img class="img1" src="images/bag.png" title="购物车" /> </a> </div>
  <div class="icon3"> <a class="register_user" href="register.html" target="_blank">注册账户&gt;</a> </div>
</div>
<!------end header logo-------> 

<!--------start header menu--------->
<div class="header-menu">
  <ul>
    <li><a class="a1" href="">首页</a> </li>
    <li><a class="a2" href="">今日最新</a> 
      <ul>
        <li><a href="">精选女装</a></li>
        <li><a href="">秋装外套</a></li>
        <li><a href="">温暖毛衣</a></li>
        <li><a href="">毛呢外套</a></li>
        <li><a href="">秋冬外套</a></li>
        <li><a href="">长袖衬衫</a></li>
      </ul>
      </li>
    <li><a class="a3" href="">女装</a>
      <ul>
        <li><a href="">秋款风衣</a></li>
        <li><a href="">机车皮衣</a></li>
        <li><a href="">秋款连衣裙</a></li>
        <li><a href="">小脚裤</a></li>
        <li><a href="">休闲裤</a></li>
        <li><a href="">打底裤</a></li>
      </ul>
       </li>
    <li><a class="a4" href="">男装</a>
      <ul>
        <li><a href="">个性潮男</a></li>
        <li><a href="">时尚休闲</a></li>
        <li><a href="">商务绅士</a></li>
        <li><a href="">休闲衬衫</a></li>
        <li><a href="">西服套装</a></li>
        <li><a href="">直筒西裤</a></li>
      </ul>
    </li>
    <li><a class="a5" href="">儿童服饰</a>
      <ul>
        <li><a href="">毛衣|针织衫</a></li>
        <li><a href="">儿童男装</a></li>
        <li><a href="">儿童女装</a></li>
        <li><a href="">表演服饰</a></li>
        <li><a href="">亲子装</a></li>
        <li><a href="">休闲套装</a></li>
      </ul>
    </li>
    <li><a class="a6" href="">男包|女包</a>
      <ul>
        <li><a href="">秋新款</a></li>
        <li><a href="">单肩包</a></li>
        <li><a href="">斜挎包</a></li>
        <li><a href="">手提包</a></li>
        <li><a href="">大牌包</a></li>
        <li><a href="">钱包</a></li>
      </ul>
    </li>
    <li><a class="a7" href="">潮流前线</a>
      <ul>
        <li><a href="">珠宝首饰</a></li>
        <li><a href="">时尚饰品</a></li>
        <li><a href="">品质手表</a></li>
        <li><a href="">眼镜配饰</a></li>
        <li><a href="">男人饰品</a></li>
        <li><a href="">原创饰品</a></li>
      </ul>
    </li>
    <li><a class="a8" href="">大牌领先看</a>
      <ul>
        <li><a href=""> CHANEL</a></li>
        <li><a href=""> PARADA</a></li>
        <li> <a href=""> GUCCI</a></li>
        <li> <a href=""> HERMES</a></li>
        <li><a href=""> Armani</a></li>
        <li> <a href=""> Versace</a></li>
      </ul>
    </li>
    <li><a class="a9" href="">今日折扣</a>
      <ul>
     <li><a href=""> 香奈儿8折</a></li>
        <li><a href=""> 普拉达7折</a></li>
        <li> <a href=""> 古驰5折</a></li>
        <li> <a href="">爱马仕9折</a></li>
        <li><a href=""> 阿玛尼8折</a></li>
        <li> <a href="">范思哲9折</a></li>
      </ul>
    </li>
  </ul>
</div>

<!--------end header menu---------> 
<!-------start content left------->
<div class="menu">
  <div class="menu-left">
    <div class="menu-A1">
      <div class="menu-a1"> <img class="imgbig" src="images/d1.jpg" width="300" height="400" /> </div>
      <div class="menu-a11"> <img src="images/d2.jpg" width="80" height="95"/>
      <img src="images/d3.jpg" width="80" height="95" />
       <img src="images/d4.jpg" width="80" height="95"/> </div>
    </div>
    <div class="menu-A2">
      <div class="menu-a2">
        <h3>
        女神的新衣尚雯婕同款
        <h3>
        <h1>￥699</h1>
      </div>
      <div class="menu-a3">
        <h4>你可能喜欢的款式：</h4>
        <img class="img1" src="images/w3.jpg" width="100px" height="125px" /> <img
              class="img1" src="images/w11.jpg" width="100px" height="125px"/> <img class="img1" src="images/w2.jpg" width="100px" height="125px" /> <img class="img1" src="images/w1.jpg" width="100px" height="125px" /> </div>
      <div class="menu-a4">
        <form>
          <h4>选择你的尺码：</h4>
          <input type="checkbox" name="尺码" value="color 1" />
          XS[155]
          <input type="checkbox" name="尺码" value="color2" />
          S[160]&nbsp;&nbsp;
          <input type="checkbox" name="尺码" value="color3" />
          M[165]
          <input type="checkbox" name="尺码" value="color4" />
          &nbsp;
          L[170]</br>
          &nbsp; </br>
          <input type="checkbox" name="尺码" value="color5" />
          XL[175]
          <input type="checkbox" name="尺码" value="color6" />
          XXL[180]
          <input type="checkbox" name="尺码" value="color6" />
          XXXL[185]
        </form>
        <br />
      </div>
      <div class="menu-a5"> <a href="">立刻购买</a></div>
      <div class="menu-a6">
        <h5><a href="">现在登录放在购物车</a></h5>
      </div>
    </div>
    <br />
    <br />
    <div class="menu-B">
      <div     class="b">设计灵感 </div>
      <div class="b1">
        <h4>摇滚女神的热情似火</h4>
        此款衣服的最大亮点在于三套式穿
        法 ，外套，马甲，连衣裙 无论是成套还是单穿都十分有个性，加上上面大面积红色的运用，结合军装感的基本，在女子妖娆中，体现出飒爽英姿。</div>
    </div>
    <div class="menu-C">
      <div     class="b"> 商品细节 </div>
      <div class="c1"><img src="images/pic2.jpg" width="160px" height="180px"/></div>
      <div class="c2">斯巴奴 2019秋装新品 男装外套 休闲拼接立领夹克外套男 3051A<br />
        <br />
        ①欧美时尚棒球领型、修身拉链款！<br />
        <br />
        ②35%奢华羊毛触感、撞色拼接面料尽显时尚！ </div>
      <div class="c">
        <div class="c3">
          <h1>￥799</h1>
        </div>
        <div class="c4"><a href="">加入购物车</a></div>
      </div>
      <div class="menu-D">
        <div     class="b"> 商品细节 </div>
        <div class="c1"><img src="images/pic3.jpg" /width="160px" height="180px"></div>
        <div class="c2">女神的新衣 Nana林珍娜伊芙丽2014冬装新款大衣<br />
          <br />
          《女神的新衣》首档明星跨界真人秀，东方卫视每周六晚21：15强档播出！<br />
          <br />
          Nana林珍娜与知名设计师崔范锡搭档，24小时制新衣，节目同步首发，女神体验价：699元！！！</div>
        <div class="c">
          <div class="c3">
            <h1>￥699</h1>
          </div>
          <div class="c4"><a href="">加入购物车</a></div>
        </div>
      </div>
    </div>
    <!-------end content left-------> 
    <!-------start content right------->
    
    <div class="menu-right">
      <div class="menu1">
        <ul>
          <li>
            <h4>商品分类</h4>
          </li>
          <li><a href="">本季流行</a></li>
          <li><a href="">女装</a></li>
          <li><a href="">男装</a></li>
          <li><a href="">今日大牌</a></li>
          <li><a href="">今日最热</a></li>
          <li><a href="">今日折扣</a></li>
          </li>
        </ul>
      </div>
      <div class="menu2">
        <h4> 选择你喜欢的风格：</h4>
        <form>
          <input type="checkbox" name="风格" value="color 1" />
          <a href=""> 清新风格</a><br />
          <input type="checkbox" name="风格" value="color2" />
          <a href=""> 田园风格</a><br />
          <input type="checkbox" name="风格" value="color3" />
          <a href=""> 绅士风格</a><br />
          <input type="checkbox" name="风格" value="color4" />
          <a href=""> 乡村风格</a><br />
          <input type="checkbox" name="风格" value="color5" />
          <a href=""> 淑女风格</a><br />
          <input type="checkbox" name="风格" value="color6" />
          <a href=""> 帅气风格</a><br />
        </form>
      </div>
      <div class="menu2">
        <h4>选择你喜欢的品牌：</h4>
        <form>
          <input type="checkbox" name="品牌" value="color 1" />
          <a href=""> CHANEL</a><br />
          <input type="checkbox" name="品牌" value="color2" />
          <a href=""> PARADA</a><br />
          <input type="checkbox" name="品牌" value="color3" />
          <a href=""> GUCCI</a><br />
          <input type="checkbox" name="品牌" value="color4" />
          <a href=""> HERMES</a><br />
          <input type="checkbox" name="品牌" value="color5" />
          <a href=""> Armani</a><br />
          <input type="checkbox" name="品牌" value="color6" />
          <a href=""> Versace</a><br />
        </form>
      </div>
      <div class="menu2">
        <h4>选择你想要的颜色：</h4>
        <form>
          <input type="checkbox" name="颜色" value="color 1" />
          明黄色<br />
          <input type="checkbox" name="颜色" value="color2" />
          湖蓝色<br />
          <input type="checkbox" name="颜色" value="color3" />
          浅绿色<br />
          <input type="checkbox" name="颜色" value="color4" />
          大红色<br />
          <input type="checkbox" name="颜色" value="color5" />
          粉红色<br />
          <input type="checkbox" name="颜色" value="color6" />
          橙子色<br />
          <input type="checkbox" name="颜色" value="color6" />
          纯白色色<br />
          <input type="checkbox" name="颜色" value="color6" />
          深黑色<br />
        </form>
      </div>
      <div class="menu2">
        <h4>选择折扣数：</h4>
        <form>
          <input type="radio" name="颜色" value="color 1" />
          9折<br />
          <input type="radio" name="颜色" value="color2" />
          8折<br />
          <input type="radio" name="颜色" value="color3" />
          7折<br />
          <input type="radio" name="颜色" value="color4" />
          6折<br />
          <input type="radio" name="颜色" value="color5" />
          5折<br />
          <input type="radio" name="颜色" value="color6" />
          4折<br />
          <input type="radio" name="颜色" value="color6" />
          3折<br />
        </form>
      </div>
    </div>
    <!-------end content right------->  
    <!--------start content-------->
    <div class="content clearfix">
      <div class="content1">
        <h4>购物指南</h4>
        <ul class="f_nav">
          <li><a href="goodslist.html">购物流程</a></li>
          <li><a href="goodslist.html">会员介绍</a></li>
          <li><a href="goodslist.html">团购|机票</a></li>
          <li><a href="goodslist.html">常见问题</a></li>
          <li><a href="goodslist.html">意见反馈</a></li>
          <li><a href="goodslist.html">联系客服</a></li>
        </ul>
      </div>
      <div class="content1">
        <h4>配送方式</h4>
        <ul class="f_nav">
          <li><a href="goodslist.html">上门自取</a></li>
          <li><a href="goodslist.html">211限时到达</a></li>
          <li><a href="goodslist.html">配送服务查询</a></li>
          <li><a href="goodslist.html">配送费收取标准</a></li>
          <li><a href="goodslist.html">同城配送</a></li>
          <li><a href="goodslist.html">海外配送</a></li>
        </ul>
      </div>
      <div class="content1">
        <h4>支付方式</h4>
        <ul class="f_nav">
          <li><a href="#">售后政策</a></li>
          <li><a href="#">价格保护</a></li>
          <li><a href="#">退款说明</a></li>
          <li><a href="#">返修|退换货</a></li>
          <li><a href="#">取消订单</a></li>
          <li><a href="#">订单详情</a></li>
        </ul>
      </div>
      <div class="content1">
        <h4>售后服务</h4>
        <ul class="f_nav">
          <li><a href="#">售后政策</a></li>
          <li><a href="#">价格保护</a></li>
          <li><a href="#">退款说明</a></li>
          <li><a href="#">返修|退换货</a></li>
          <li><a href="#">取消订单</a></li>
          <li><a href="#">订单详情</a></li>
        </ul>
      </div>
      <div class="content1">
        <h4>商家服务</h4>
        <ul class="f_nav">
          <li><a href="#">商家帮助</a></li>
          <li><a href="#">商家入驻</a></li>
          <li><a href="#">新手指导</a></li>
          <li><a href="#">培训中心</a></li>
          <li><a href="#">信息公告</a></li>
          <li><a href="#">广告服务</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!--------end content--------> 
  
  <!--------start footer top-------->
  
  <div class="footer1 clearfix">
    <div class="footer-pic"> <img src="images/picll.jpg" />
      <div class="put">
        <marquee scrollamount="4"  id="move3">
        领取优惠券后购买更实惠
        </marquee>
      </div>
    </div>
    <div class="address"> 折扣店服装公司地址：<br />
      中国<br />
      山东/济南市<br />
      舜华路1500号<br />
      <br />
      Tel: 18702727108<br />
      Email: <a href="#">1650453653@qq.com</a>
      </address>
    </div>
    <div class="footer-right">
      <marquee id="move2" scrollamount="5">
      美丽百分百，并夕夕让你快人一步
      </marquee>
      <div class="share-pic"><img src="images/social.png" usemap="#mapxie3" border="0" />
        <map name="mapxie3" id="mapxie3">
          <area shape="rect" coords="3,2,53,48" href="http://www.renren.com/" target="_blank" />
          <area shape="rect" coords="49,2,99,49" href="http://openapi.qzone.qq.com/oauth/show?client_id=217921&amp;display=pc&amp;redirect_uri=http%3A%2F%2Fwww.douguo.com%2Fapi%2Ftx_get_access_token&amp;response_type=code&amp;scope=all&amp;which=Login" target="_blank" />
          <area shape="rect" coords="101,4,154,44" href="http://wx.qq.com/" target="_blank" />
          <area shape="rect" coords="154,-1,212,53" href="http://www.renren.com/" target="_blank" />
          <area shape="rect" coords="210,1,267,48" href="http://t.qq.com/" target="_blank" />
        </map>
    
      </div>
      <div id="yournote">
        <form action="#" method="post">
          <fieldset>
            <legend>乐在分享</legend>
            <input type="text" value="留下您宝贵的建议：" onfocus="this.value=(this.value=='留下您宝贵的建议')? '' : this.value ;" />
            <input type="submit" id="subscribe" value="留言" />
          </fieldset>
        </form>
      </div>
    </div>
  </div>
</div>
<!--------end footer top---------> 
<!--------start footer-------->
<div class="footer2">
  <p>Copyright &copy; 2019.Company<i> hill may </i> All rights reserved.</p>
</div>
<!--------end footer --------->
</body>
</html>
